<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>学生成绩管理系统</title>

    <link rel="stylesheet" href="./homePage.css">


    <style>
        @charset "utf-8";

        html,
        body {

            height: 100%;

            margin: 0px; /* 浏览器默认边距 */

            font-size: 18px;

        }

        #title {

            background-color: aqua;

            width: 100%;

            height: 80px;

            overflow: hidden;

            position: fixed;
            /* 不随滚动条移动 */

            top: 0;

            z-index: 1000;

        }

        #title img {

            height: 40px;

            width: 40px;

            border-radius: 50%;

            position: absolute;

            top: 20px;

            right: 20px;

        }

        #content {

            height: 100%;

            background-color: cornflowerblue;

            width: calc(100% - 120px);

            position: absolute;

            left: 120px;
        }
    </style>
</head>
<body>


<div id="container">

    <div id="title">

        <p>学生成绩管理系统</p>

        <img src="./img/portrait.jpeg" alt="头像">

    </div>

    <div id="wrapper">

        <div id="slide">slide</div>

        <div id="content">content</div>

    </div>

</div>


</body>

</html>